﻿<%@ page contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">
    <!-- jsp文件头和头部 -->
    <%@ include file="../admin/top.jsp" %>
</head>
<body>
<div class="container-fluid" id="main-container">
    <div id="page-content" class="clearfix">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div
                            class="widget-header widget-header-blue widget-header-flat wi1dget-header-large">
                        <h4 class="lighter">号段授权</h4>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main">
                            <div class="step-content row-fluid position-relative">
                                <label style="float:left;padding-left: 35px;">
                                    <span class="lbl">号段:</span>
                                </label>
                                <label style="float:left;padding-left: 5px;margin-top: -5px;">
                                    <input type="text" id="msisdnStart" title="号段起始值" placeholder="输入号段起始值"
                                           style="width:140px;">
                                </label>
                                <label style="float:left;padding-left: 15px;">
                                    <span class="lbl">至:</span>
                                </label>
                                <label style="float:left;padding-left: 5px;margin-top: -5px;">
                                    <input type="text" id="msisdnEnd" title="号段结束值" placeholder="输入结束值"
                                           style="width:140px;">
                                </label>
                                <label style="float:left;padding-left: 35px;">
                                    <span class="lbl">授权给:</span>
                                </label>
                                <label style="float:left;padding-left: 5px;margin-top: -5px;">
                                    <select id="authUserId" data-placeholder="用户名"
                                            style="vertical-align:top; width: 150px;">
                                        <c:forEach items="${userList}" var="var" varStatus="vs">
                                            <option value="${var.USER_ID}">${var.USERNAME}</option>
                                        </c:forEach>
                                    </select>
                                </label>
                            </div>

                            <!-- 从iot.10086导入
                            <div class="step-content row-fluid position-relative">

                                <label style="float:left;padding-left: 35px;"><span
                                        class="lbl">流量套餐:</span> </label> <select id="pkg"
                                                                                  data-placeholder="流量套餐"
                                                                                  style="vertical-align:top; width: 150px;">
                                <c:forEach items="${pkgList}" var="var" varStatus="vs">
                                    <option value="${var.type}">${var.desc}</option>
                                </c:forEach>
                            </select>
                            </div>

                            <div class="step-content row-fluid position-relative">

                                <label style="float:left;padding-left: 35px;"><span
                                        class="lbl">预授权短信条数:</span> </label> <label
                                    style="float:left;padding-left: 5px;"><input id="authSms" style="width:79px;"
                                                                                 type="text"
                                                                                 value="0" title=""> </label>
                            </div>
                            -->

                            <div class="step-content row-fluid position-relative">

                                <div style="margin-top: -5px;margin-left:305px;">
                                    &nbsp;&nbsp;<a class="btn btn-small btn-success"
                                                   onclick="sendSever();">确定</a> &nbsp;&nbsp;<a
                                        class="btn btn-small btn-info" onclick="gReload();">重置</a>
                                </div>
                            </div>


                        </div>
                        <!--/widget-main-->
                    </div>
                    <!--/widget-body-->
                </div>
            </div>
            <!-- PAGE CONTENT ENDS HERE -->
        </div>
        <!--/row-->

    </div>
    <!--/#page-content-->
</div>
<!--/.fluid-container#main-container-->

<!-- 返回顶部  -->
<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse"> <i
        class="icon-double-angle-up icon-only"></i> </a>
<!-- 引入 -->
<script type="text/javascript">
    $(top.hangge());
    $(function () {
        //日期框
        $('.date-picker').datepicker();
    });
</script>

<!-- 引入 -->
<script type="text/javascript">
    window.jQuery
    || document
        .write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");
</script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ace-elements.min.js"></script>
<script src="static/js/ace.min.js"></script>
<!-- 引入 -->
<!--MD5-->
<script type="text/javascript" src="static/js/jQuery.md5.js"></script>
<!--提示框-->
<script type="text/javascript" src="static/js/jquery.tips.js"></script>
<!-- 日期框 -->
<script type="text/javascript"
        src="static/js/bootstrap-datepicker.min.js"></script>
<!--引入属于此页面的js -->
<script type="text/javascript" src="static/js/myjs/auth.js"></script>

</body>
</html>

